.content {
  box-sizing: border-box;
  font-family:
    PingFang SC,
    PingFang SC;

  .head {
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 80px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0 0 10vh 0;

    .info {
      display: flex;
      align-items: center;

      .icon {
        width: 156px;
        height: 44px;
        background: url(../assets/icon.png) no-repeat;
        background-size: 100% 100%;
        margin: 0 49px 0 0;
      }

      .text {
        font-weight: 600;
        font-size: 18px;
        color: #000000;
      }
    }

    .recharge {
      width: 92px;
      height: 44px;
      background: #f9df4f;
      border-radius: 10px 10px 10px 10px;
      line-height: 44px;
      text-align: center;
      font-family:
        PingFang SC,
        PingFang SC;
      font-weight: 600;
      color: #000000;
    }
  }

  .body {
    display: flex;
    align-items: center;
    justify-content: center;

    .phone_box {
      width: 500px;
      height: 516px;
      background: url(../assets/bg.png) no-repeat;
      background-size: 100% 100%;
      flex-shrink: 0;
    }

    .body_text {
      // width: 516px;

      .body_icon {
        width: 156px;
        height: 44px;
        background: url(../assets/icon.png) no-repeat;
        background-size: 100% 100%;
      }

      .body_content {
        font-weight: 300;
        font-size: 20px;
        color: #000000;
        line-height: 28px;
        margin: 28px 0 70px;
        width: 700px;
        // height: 84px;
        white-space: word-warp;
        word-wrap: break-word;
      }
    }

    .dowload {
      display: flex;

      .btn {
        width: 148px;
        height: 48px;
        background: #f8f8f8;
        border-radius: 14px 14px 14px 14px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        font-size: 14px;
        color: #000000;

        .btn_icon {
          width: 26px;
          height: 26px;
          background: url(../assets/android.png) no-repeat;
          background-size: 100% 100%;
        }

        .btn_text_left {
          margin: 0 4px 0 7px;
        }
      }

      .btn_right {
        margin: 0 0 0 20px;

        .btn_icon {
          background: url(../assets/iphone.png) no-repeat;
          background-size: 100% 100%;
        }
      }
    }
  }

  // .bg1 {
  //   width: 100%;
  //   height: 800px;
  //   background: url(../assets/bg1.png) no-repeat;
  //   background-size: 100% 100%;
  //   margin: 10vh 0 0;
  // }

  // .bg2 {
  //   width: 100%;
  //   height: 623px;
  //   background: url(../assets/bg2.png) no-repeat;
  //   background-size: 100% 100%;
  // }

  .footer {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 14vh 0 2vh;

    .footer_top {
      display: flex;
      align-items: center;
      position: relative;

      .footer_text {
        font-weight: 400;
        font-size: 16px;
        color: #000000;
        line-height: 24px;
      }

      .hover {
        position: relative;
        cursor: pointer;
      }

      .hover_show {
        width: 250px;
        // height: 168px;
        background: rgba(0, 0, 0, 0.8);
        border-radius: 12px;
        padding: 24px 30px;
        font-size: 14px;
        color: #fff;
        position: absolute;
        top: -140px;
        left: 205px;
        // transform: translateY(-110%);
        padding-bottom: 33px;
      }

      .hover_hide {
        opacity: 0;
      }

      .hover_show::after {
        content: "";
        position: absolute;
        left: 28px;
        bottom: -24px;
        width: 0;
        height: 0;
        border-color: rgba(0, 0, 0, 0.8) transparent transparent;
        border-style: solid;
        border-width: 12px 8px;
      }

      .line {
        width: 1px;
        height: 15px;
        background: #dedede;
        border-radius: 0px 0px 0px 0px;
        margin: 0 20px;
      }
    }

    .name {
      font-weight: 500;
      font-size: 14px;
      color: #cdcdcd;
      line-height: 20px;
      text-align: center;
      margin: 8px 0 0;
    }
  }
}
